<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue.js实例</title>
</head>
<body>
    <h1>Vue2.0实例</h1>
    <h2>第一季</h2>
    <hr>
    <ol>
        <li><a href="./example/helloworld.html">Hello World 实例</a></li>
        <li><a href="./example/v-if.html">v-if&v-else&v-show</a></li>
        <li><a href="./example/v-for.html">v-for 实例</a></li>
        <li><a href="./example/v-text.html">v-text v-html实例</a></li>
        <li><a href="./example/v-on.html">v-on 监听事件绑定实例</a></li>
        <li><a href="./example/v-model.html">v-model 数据源绑定实例</a></li>
        <li><a href="./example/v-bind.html">v-bind 标签元素属性绑定实例</a></li>
        <li><a href="./example/others.html">v-pre v-cloak v-once</a></li>
    </ol>
    <h2>第二季  全局API</h2>
    <hr>
    <ol>
        <li><a href="./example/vue.directive.html">vue.directive 指令</a></li>
        <li><a href="./example/vue.extend.html">Vue.extend 扩展实例构造器</a></li>
        <li><a href="./example/vue.set.html">Vue.set 全局操作</a></li>
        <li><a href="./example/shengmingzhouqi.html">Vue的生命周期</a></li>
        <li><a href="./example/template.html">Vue的模板tenplate</a></li>
        <li><a href="./example/component-1.html">Vue.component 组件1-全局及局部组件</a></li>
        <li><a href="./example/component-2.html">Vue.component 组件2-props属性设置</a></li>
        <li><a href="./example/component-3.html">Vue.component 组件3-父子组件</a></li>
        <li><a href="./example/component-4.html">Vue.component 组件4-complate标签</a></li>
    </ol>
    <h2>第三季  构造器里的选项</h2>
    <hr>
    <ol>
        <li><a href="./example/propsData.html">propsData Option</a></li>
        <li><a href="./example/computed.html">Computed Option 计算选项</a></li>
        <li><a href="./example/methods.html">Methods Option 方法选项</a></li>
        <li><a href="./example/watch.html">Watch Option 监控数据</a></li>
    </ol>
</body>
</html>